<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<!-- 避免IE使用兼容模式 -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
	<meta name="renderer" content="webkit">
	<meta name="keywords" content=''/>
	<meta name="description" content=''/>
	<title>主页</title>
	<%@include file="/view/resource.jsp" %>
	<script type="text/javascript" src="${ctx}/map/js/public/util.js?v=1"></script>
	<link rel="stylesheet" href="${ctx}/static/plugins/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
	<script type="text/javascript" src="${ctx}/static/plugins/ztree/js/jquery.ztree.core.js"></script>
	<script type="text/javascript" src="${ctx}/static/plugins/ztree/js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript" src="${ctx}/js/tree/tree.js"></script>
	<script type="text/javascript" src="${ctx}/js/map/realDataGrid.js"></script>
	<script type="text/javascript" src="${ctx}/js/index/InfoWindow.js"></script>
	<script type="text/javascript" src="${ctx}/js/history/historyRoute.js"></script>
	<script type="text/javascript" src="${ctx}/js/terminalCommand/terminalCommand.js"></script>
	<script type="text/javascript" src="${ctx}/js/alarm/alarmGrid.js"></script>
	<script type="text/javascript" src="${ctx}/js/message/messageGrid.js"></script>
	<script type="text/javascript" src="${ctx}/js/alarm/alarmSound.js"></script>
	<script type="text/javascript" src="${ctx}/js/map/maptree.js"></script>
	<!-- 首页js -->
	<script type="text/javascript" src="${ctx}/js/index/index.js" charset="utf-8"></script>
	<script type="text/javascript" src="${ctx}/js/index/menu.js"></script>
	<script type="text/javascript" src="${ctx}/js/jquery/jquery.timers.js"></script>
	<script type="text/javascript" src="${ctx}/js/map/myMap.js"></script>
	<script type="text/javascript" src="${ctx}/js/index/json2template.js"></script>
</head>

<body>
<div id="loading" class="loading-wrap">
	<div class="loading-content">
		<div class="loading-round"></div>
		<div class="loading-dot"></div>
	</div>
</div>

<style type="text/css">
	/* right */
	.top_right {
		/*width: 748px;*/
	}

	/* top_link */
	.top_link {
		padding-top: 24px;
		height: 26px;
		line-height: 26px;
		padding-right: 35px;
		text-align: right;
	}

	.top_link i {
		color: #686868;
	}

	.top_link span, .top_link a {
		color: #46AAFE;
	}

	.top_link a {
		font-size: 13px;
	}

	.top_link a:hover {
		text-decoration: underline;
	}

	.nav_bar {
		position: relative;
		z-index: 999;
		color: #333;
		margin-right: 10px;
		height: 50px;
		line-height: 50px;
	}

	.nav_bar ul {
		padding: 0;
	}

	.nav {
		position: relative;
		margin: 0 auto;
		font-family: "Microsoft YaHei", SimSun, SimHei;
		font-size: 14px;
	}

	.nav a {
		color: #333;
	}

	.nav h3 {
		font-size: 100%;
		font-weight: normal;
		height: 50px;
		line-height: 50px;
	}

	.nav h3 a {
		display: block;
		padding: 0 20px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		height: 50px;
		line-height: 50px;
	}

	.nav .m {
		float: left;
		position: relative;
		z-index: 1;
		height: 50px;
		line-height: 50px;
		list-style: none;
	}

	.nav .s {
		float: left;
		width: 3px;
		text-align: center;
		color: #D4D4D4;
		font-size: 12px;
		height: 50px;
		line-height: 50px;
		list-style: none;
	}

	.nav .sub, ul.sub {
		display: none;
		position: absolute;
		left: -3px;
		top: 42px;
		z-index: 999;
		width: 128px;
		border: 1px solid #E6E4E3;
		border-top: 0;
		background: #fff;
	}

	.nav .sub li {
		text-align: center;
		padding: 0 8px;
		margin-bottom: -1px;
		list-style: none;
	}

	.nav .sub li a {
		display: block;
		border-bottom: 1px solid #E6E4E3;
		padding: 8px 0;
		height: 28px;
		line-height: 28px;
		color: #666;
	}

	.nav .sub li a:hover {
		color: #1E95FB;
		cursor: pointer;
	}

	.nav .block {
		height: 3px;
		background: #1E95FB;
		position: absolute;
		left: 0;
		top: 47px;
		overflow: hidden;
	}

	.sub {
		padding: 0;
		background: #f5f5f5;
	}

	.sub li {
		padding: 0 8px;
		list-style: none;
	}

	.sub li:hover {
		background: #f3f3f3;
	}

	.sub li a {
		display: block;
		color: #000;
		height: 34px;
		line-height: 34px;
	}

	.sub li a:hover {
		text-decoration-line: none;
	}

	/* 重用类样式 */
	.f_l {
		float: left !important;
	}

	.f_r {
		float: right !important;
	}

	.no_margin {
		margin: 0px !important;
	}

	.no_border {
		border: 0px !important;
	}

	.no_bg {
		background: none !important;
	}

	.clear_both {
		clear: both !important;
	}

	.display_block {
		display: block !important;
	}

	.text_over {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-binding: url('ellipsis.xml#ellipsis');
	}

	/* 重用自定义样式 */
	.w_100 {
		width: 100%;
	}

	.w_95 {
		width: 95%;
	}

	.indextx {
		width: 980px;
		margin: 0 auto;
		margin-top: 10px;
		background: #FFFFFF;
	}

	.w_min_width {
		min-width: 1200px;
	}

	.w_1200 {
		width: 1200px;
	}

	.w_1067 {
		width: 1067px;
	}

	.w_980 {
		width: 980px;
	}

	.header {
		overflow: hidden
	}

	/*顶部菜单*/
	.bannerMenu1 {
		padding: 0px 8px 0 8px;
		text-decoration: none;
		font-size: 18px;
		filter: none;
	}

	.bannerMenu1 lable {
		font-size: 24px;
	}

	.bannerMenu1 span {
		font-size: 13px;
		font-family: 'Microsoft YaHei', Arial, Verdana;
		letter-spacing: 1px
	}

	#usermaincls:hover {
		background: transparent;
		opacity: 1
	}

	.panel .layout-expand .layout-expand-south .panel-htop {
		top: 500px;
	}
</style>
<script type="text/javascript">
	var mapPath = "${ctx}/leaflet";
	var mainMenuData = ${mainMenu}; //将session中的菜单数据的java集合对象转换成json菜单对象
	var rightMenuData = ${rightMenu};
	var userInfo = ${userInfo};
	$(document).ready(function () {
		$("#mapFrame").attr("src", mapPath);

		//创建主菜单
		MyMenu.createMainMenu(mainMenuData);

		//创建右键菜单
		var treeRightMenu = MyMenu.createRightMenu(rightMenuData);
		//创建设备树
		var deviceTreeId = "deviceTree";
		//设备
		DeviceTree.createTree(deviceTreeId, treeRightMenu);
		//console.info(rightMenuData);
		//创建实时数据表格
		RealDataGrid.create();

		//创建报警表格
		AlarmGrid.create();

		//短信报文
		MessageGrid.create();

		//创建地图图元树
		MapTree.createTree();

		//$('#centerLayout').layout('collapse', 'south');

		$('#searchBox').searchbox({
			searcher: function (value, name) {
				var filterTypeValue = $("#filterType").combobox('getText');
				var filterType = "";
				if ("设备号" == filterTypeValue) {
					filterType = 0;
				}
				if ("显示名称" == filterTypeValue) {
					filterType = 1;
				}
				if ("分组名称" == filterTypeValue) {
					filterType = 2;
				}
				DeviceTree.Treefilter(filterType, value);
			},
			prompt: '条件查询',
		});
		$('#filterType').combobox("setValue", "设备号");
	});


	function hideRealDataTab() {
		$('#centerLayout').layout('collapse', 'south');
	}

	function openIFrameWindow(url, width, height, title) {
		TerminalCommand.open(url, width, height, title);
	}

	function openIFrameWindow1(url, width, height, title) {
		//$('#commandIframe')[0].src = "about:blank";
		//清空iframe的内容,避免缓存
		$('#commandIframe')[0].contentWindow.document.body.innerText = "";
		$('#commandIframe')[0].src = url;
		$('#commandWindow1').dialog({
			width: width,
			height: height,
			title: title,
			modal: true,
			resizable: true,
			collapsible: false,
			onLoad: function () {

			}
		});
		$('#commandWindow1').window('open');
		$('#commandWindow1').window('center');//使Dialog居中显示
	}

	function renderTemplate(opt) {
		if (opt.dvsLatitude) {
			var strLatitude = "" + opt.dvsLatitude;
			strLatitude = strLatitude.substring(0, 9);
			opt.dvsLatitude = strLatitude;//opt.latitude.toFixed(6);
		}
		if (opt.dvsLongitude) {
			var strLongitude = "" + opt.dvsLongitude;
			strLongitude = strLongitude.substring(0, 9);
			opt.dvsLongitude = strLongitude;//opt.longitude.toFixed(6);
		}
		//调用模板引擎，将json数据填充到模板中，转成html
		var d = $("#infoWindowTemplateOutput").bindTemplate(
				{
					source: opt,
					template: $("#infoWindowTemplate")
				});
		var html = d.html();// d.prop("outerHTML");//appendTo("#templateContent");
		// var html =$("#templateContent").html();
		return html;
	}

	function renderTemplateHisGps(opt) {
		if (opt.locLatitude) {
			var strLatitude = "" + opt.locLatitude;
			strLatitude = strLatitude.substring(0, 9);
			opt.locLatitude = strLatitude;//opt.latitude.toFixed(6);
		}
		if (opt.locLongitude) {
			var strLongitude = "" + opt.locLongitude;
			strLongitude = strLongitude.substring(0, 9);
			opt.locLongitude = strLongitude;//opt.longitude.toFixed(6);
		}
		//调用模板引擎，将json数据填充到模板中，转成html
		var d = $("#infoWindowTemplateOutput").bindTemplate(
				{
					source: opt
					, template: $("#infoWindowTemplateHisGps")
				});
		var html = d.html();// d.prop("outerHTML");//appendTo("#templateContent");
		// var html =$("#templateContent").html();
		return html;
	}

	/**
	 * 打开围栏设置窗口,在地图中画围栏或者线路时调用，弹出窗口，录入参数，保存。
	 */
	var enclosureWindow;
	function openRouteWindow(url, width, height, title, closeCallback) {
		enclosureWindow = $("#commandWindow").window({
			href: url,
			width: width,
			height: height,
			modal: true,
			resizable: true,
			collapsible: true,
			minimizable: false,
			maximizable: true,
			title: title,
			cache: false,
			onClose: function () {
				if (closeCallback)
					closeCallback();
			}
		});
		$('#commandWindow').window('center');//使window居中显示
	}

	/**
	 * 创建地标
	 */
	function createMarker(ec, strPoints) {
		var id = ec.id;
		if (id > 0 && strPoints.length > 0) {
			var curTab = $('#index_tabs').tabs('getSelected');
			var tabId = curTab.id;
			if (curTab && curTab.find('iframe').length > 0) {
				var iframeWindow = curTab.find('iframe')[0];
				if (iframeWindow && iframeWindow.contentWindow.createExtendMarker) {
					iframeWindow.contentWindow.createExtendMarker(ec.centerLat, ec.centerLng, ec.raidus, id, ec.name);
				}
			}
		}
		closeEnclosureWindow();
	}

	//创建围栏
	function createExtendEnclosure(ec, strPoints) {
		//$.iMessager.show({titile: "提示", msg: "保存成功!", timeout: 2000, showType: 'fade'});
		var id = ec.id;
		if (id > 0 && strPoints.length > 0) {
			var curTab = $('#index_tabs').tabs('getSelected');
			var tabId = curTab.id;
			if (curTab && curTab.find('iframe').length > 0) {
				var iframeWindow = curTab.find('iframe')[0];
				if (iframeWindow && iframeWindow.contentWindow.createExtendEnclosure) {
					iframeWindow.contentWindow.createExtendEnclosure(strPoints, ec.radius, id, ec.enclosureType, ec.name, ec.centerLat, ec.centerLng);
				}
			}
		}
		closeEnclosureWindow();
	}

	//关闭区域设置窗口
	function closeEnclosureWindow() {
		if (enclosureWindow) {
			enclosureWindow.dialog('close');
		}
	}

	function closeCommandWindow() {
		$('#commandWindow').window('close');
	}
</script>
<div data-toggle="topjui-layout" data-options="id:'index_layout',fit:true">
	<div id="north" class="banner" data-options="region:'north',border:false,split:false"
	     style="height: 50px; padding:0;margin:0; overflow: hidden;">
		<table style="float:left;border-spacing:0px;">
			<tr>
				<td class="webname"
				    style="width:250px;color:#fff;background-color:#3c8dbc;line-height: 40px;border-right: 1px solid #367fa9">
					<img src="${ctx}/images/LOGO.png" style="width:40px;height:40px;margin:-5px 5px 0 0;vertical-align:middle;">中石油车辆管理平台
				</td>
				<%--	<td class="webname" style="color:#fff;background-color:#3c8dbc;border-right: 1px solid #367fa9">
						<span class="fa fa-envira" style="font-size:26px; padding-right:8px;"></span>北斗融合平台
					</td>--%>
				<td>
					<table id="topmenucontent" cellpadding="0" cellspacing="0" style="font-size: 18px;">
						<%--			<td id="1325" title="用户管理" class="topmenu systemName" style="border-left: 1px solid #367fa9">
										<a class="topjui-menubutton bannerMenu1" href="javascript:void(0)"
										   style="height:50px;color: #fff;"
										   data-options="menu:'#userManager'">
											<p>
												<lable class="fa fa-user"></lable>
											</p>
											<p><span style="white-space:nowrap;">用户管理</span></p>
										</a>
										<div id="userManager" style="width:74px;" data-options='onClick:MyMenu.onMainMenuClick'>
											<div data-options="name:'${ctx}/user/list'" iconCls="fa fa-info-circle">用户信息</div>
											<div data-options="name:'${ctx}/role/list'" iconCls="fa fa-save">角色信息</div>
											<div data-options="name:'${ctx}/funcConfig/list'" iconCls="fa fa-info-circle">权限菜单</div>
										</div>
									</td>
									<td id="60" title="基础资料" class="topmenu systemName">
										<a class="topjui-menubutton bannerMenu1" href="javascript:void(0)"
										   style="height:50px;color: #fff;"
										   data-options="menu:'#baseManager'">
											<p>
												<lable class="fa fa-wpforms"></lable>
											</p>
											<p><span style="white-space:nowrap;">基础资料</span></p>
										</a>
										<div id="baseManager" style="width:74px;" data-options='onClick:MyMenu.onMainMenuClick'>
											<div data-options="name:'${ctx}/dep/list'" iconCls="fa fa-info-circle">分组信息</div>
											<div data-options="name:'${ctx}/device/list'" iconCls="fa fa-save">设备信息</div>
											&lt;%&ndash;<div data-options="name:'${ctx}/websocket/list'">websocket</div>&ndash;%&gt;
										</div>
									</td>
									<td id="1" title="统计报表" class="topmenu systemName">
										<a class="topjui-menubutton bannerMenu1" href="javascript:void(0)"
										   style="height:50px;color: #fff;">
											<p>
												<lable class="fa fa-bar-chart"></lable>
											</p>
											<p><span style="white-space:nowrap;">统计报表</span></p>
										</a>
									</td>
									<td id="2" title="系统设置" class="topmenu systemName">
										<a class="topjui-menubutton bannerMenu1" href="javascript:void(0)"
										   style="height:50px;color: #fff;"
										   data-options="menu:'#sysManager'">
											<p>
												<lable class="fa fa-gears"></lable>
											</p>
											<p><span style="white-space:nowrap;">系统设置</span></p>
										</a>
										<div id="sysManager" style="width:74px;" data-options='onClick:MyMenu.onMainMenuClick'>
											<div data-options="name:'${ctx}/alarmConfig/list'" iconCls="fa fa-info-circle">报警配置
											</div>
										</div>
									</td>--%>
					</table>
					<div id="menuList"></div>
				</td>
			</tr>
		</table>
        <span style="float: right; padding-right: 10px; height: 50px; line-height: 50px;">
            <a class="topjui-menubutton" id="usermaincls"
               data-options="iconCls:'fa fa-user',hasDownArrow:false"
               style="color:#fff;cursor: default">${user.loginName}</a>|
            <a href="javascript:void(0)" id="mb3" class="topjui-menubutton"
               data-options="menu:'#mm3',iconCls:'fa fa-cog',hasDownArrow:true" style="color:#fff;">设置</a>
            <div id="mm3" style="width:74px;">
                <%--<div data-options="iconCls:'fa fa-info-circle'" onclick="javascript:void(0)">个人信息</div>--%>
                <%--<div class="menu-sep"></div>--%>
                <div data-options="iconCls:'fa fa-key'" onclick="javascript:modifyPwd(0)">修改密码</div>
            </div>|
            <a href="javascript:void(0)" onclick="logout()" class="topjui-menubutton"
               data-options="iconCls:'fa fa-sign-out',hasDownArrow:false" style="color:#fff;">退出</a>
        </span>
	</div>

	<div id="west"
	     data-options="region:'west',split:true,width:231,border:false,headerCls:'border_right',bodyCls:'border_right'"
	     title="设备列表" iconCls="fa fa-dashboard">
		<div id="treeTab" class="topjui-tabs" data-options="fit:true,border:false,plain:true">
			<div title="设备列表" style="padding: 3px">
				<div id="p" style="margin-bottom: 5px">
					<select class="topjui-combobox" name="filterType" id="filterType" style="width: 95px;"
					        data-options="panelHeight:105,value:'0'">
						<option value="设备号">设备号</option>
						<option value="显示名称">显示名称</option>
						<option value="分组名称">分组名称</option>
					</select>
					<input id="searchBox" class="topjui-searchbox"
					       style="width: 100px"/>
				</div>
				<ul id="deviceTree" class="ztree">
				</ul>
				<div id="rightMenu" class="topjui-menu" style='width: 160px;'>
					<!--<div class="menu-sep"></div>-->
				</div>
			</div>
			<div title="地图区域" style="padding: 0px">
				<div id="mapTreeToolbar" style="margin-bottom: 5px">
					<a id="btnReloadMapTree" href="#" class="topjui-menubutton"
					   data-options="iconCls:'fa fa-refresh',btnCls:'topjui-btn'" style="margin:2px 0 0 5px;">
						刷新</a> <a id="btnDeleteArea" href="#" class="topjui-menubutton" data-options="iconCls:'fa fa-trash',
							   btnCls:'topjui-btn-danger'" style="margin-top:2px;">
					删除</a>
				</div>
				<!--  右键菜单修改-->
				<div id="mm" class="topjui-menu" style="width: 160px;">
					<div id="btnEditArea" data-options="iconCls:'fa fa-pencil'">
						修改
					</div>
				</div>
				<!--地图区域对象组成的树菜单-->
				<ul id="mapTree">
				</ul>
			</div>
		</div>
	</div>

	<div id="center" data-options="region:'center',border:false" style="overflow:hidden;">
		<div id="index_tabs" style="width:100%;height:100%">
			<div title="系统首页" iconCls="fa fa-home" data-options="border:true">
				<div id="centerLayout" class="topjui-layout" data-options="fit:true">
					<div data-options="region:'center',border:true">
						<iframe id="mapFrame" scrolling="no" frameborder="0" src=""
						        style="width: 100%; height: 100%;"></iframe>
					</div>
		<%--			<div data-options="region:'south',split:true,border:true" style="height:240px;">
						<div id="realDataTab" class="topjui-tabs"
						     data-options="fit:true,border:false,plain:true,tools:'#tab-tools'">
							&lt;%&ndash;<div title="实时数据" style="padding: 0px" data-options="">
								<div id="realDataGrid">
								</div>
							</div>&ndash;%&gt;
							<div title="报警数据" style="padding:0px">
								<div id="alarmGridToolbar" style=" margin :0px; padding :5px;">
									<span style="color:red">双击记录处理报警</span> &nbsp;|
									&lt;%&ndash;显示名称:
									<input id="equipName" name="equipName" data-toggle="topjui-textbox"
									style="width:140px;">&ndash;%&gt;
									设备号：
									<input id="alarmSimNo" name="alarmSimNo" class="topjui-textbox" type="text"
									       style="width:140px;"/>
									报警类型：
									<select name="alarmType" id="alarmType"
									        style="width: 140px;height: 35px;padding-bottom: 5px;">
									</select>
									报警来源：
									<select name="alarmSrc" id="alarmSrc"
									        style="width: 100px;height: 35px;padding-bottom: 5px;">
										<option value="">请选择</option>
										<option value="platform">平台报警</option>
										<option value="terminal">终端报警</option>
									</select>

									<a id="btnQueryAlarmData" href="#" class="topjui-menubutton"
									   data-options="iconCls:'fa fa-search',btnCls:'topjui-btn'">查询</a>
									&lt;%&ndash;	<input type="checkbox"  id="autoRefreshAlarmGrid"/>自动刷新表格

										<input type="checkbox" id="muteAlarmSound"/>静音&nbsp;&nbsp;
										<input type="checkbox"  id="disableAlarmWindow"/>禁止弹窗&ndash;%&gt;

									&lt;%&ndash;	<input type="checkbox" id="autoRefreshAlarmGrid" style="margin-left: 30px"/> 自动刷新表格
								<input type="checkbox" id="muteAlarmSound" />静音
									<input type="checkbox" id="disableAlarmWindow" />禁止弹窗&ndash;%&gt;

								</div>
								<div id="alarmDataGrid"></div>
							</div>
						</div>
						<div id="tab-tools">
							<a href="javascript:void(0)" class="topjui-menubutton"
							   data-options="plain:true,iconCls:'fa fa-angle-double-down'"
							   onclick="hideRealDataTab()"></a>
						</div>
					</div>--%>
				</div>
			</div>
		</div>
	</div>

	<div data-options="region:'south',border:true"
	     style="text-align:center;height:30px;line-height:30px;border-bottom:0;overflow:hidden;">
		<span style="float:left;padding-left:5px;width:30%;text-align: left;">
			<img src="${ctx}/images/info.png" style="vertical-align: middle" width="13" height="13" alt="总数图标"/>总数:<font
				id="spanTotal">0</font>
					<img src="${ctx}/images/info.png" style="vertical-align: middle" width="13" height="13"/>在线:<font
				id="spanGpsOnline">0</font>
							<img src="${ctx}/images/info.png" style="vertical-align: middle" width="13" height="13"/>离线:<font
				id="spanGpsOffline">0</font>
									<img src="${ctx}/images/chart.png" style="vertical-align: middle" width="13"
									     height="13" alt="上线率图标"/>上线率:<font id="spanOnlineRate">0</font>%</span>
        <span style="padding-right:5px;width:40%">
            版权所有 ©
            江苏北斗天汇物联网科技有限公司
        </span>
		<span style="float:right;padding-right:5px;width:30%;text-align: right;">版本：v1.0</span>
	</div>
</div>

<!--[if lte IE 8]>
<div id="ie6-warning">
	<p>您正在使用低版本浏览器，在本页面可能会导致部分功能无法使用，建议您使用火狐浏览器
	</p>
</div>
<![endif]-->

<%--<div id="themeStyle" data-options="iconCls:'fa fa-tree'" style="display:none;width:600px;height:340px">
	<table style="width:100%; padding:20px; line-height:30px;text-align:center;">
		<tr>
			<td>
				<div class="skin-common skin-black"></div>
				<input type="radio" name="themes" value="black" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-red"></div>
				<input type="radio" name="themes" value="red" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-green"></div>
				<input type="radio" name="themes" value="green" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-purple"></div>
				<input type="radio" name="themes" value="purple" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-blue"></div>
				<input type="radio" name="themes" value="blue" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-yellow"></div>
				<input type="radio" name="themes" value="yellow" class="topjuiTheme"/>
			</td>
		</tr>
		<tr>
			<td>
				<div class="skin-common skin-blacklight"></div>
				<input type="radio" name="themes" value="blacklight" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-redlight"></div>
				<input type="radio" name="themes" value="redlight" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-greenlight"></div>
				<input type="radio" name="themes" value="greenlight" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-purplelight"></div>
				<input type="radio" name="themes" value="purplelight" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-bluelight"></div>
				<input type="radio" name="themes" value="bluelight" class="topjuiTheme"/>
			</td>
			<td>
				<div class="skin-common skin-yellowlight"></div>
				<input type="radio" name="themes" value="yellowlight" class="topjuiTheme"/>
			</td>
		</tr>
	</table>
	<table style="width: 100%; padding: 20px; line-height: 30px; text-align: center;">
		<tr>
			<td>
				<input type="radio" name="menustyle" value="accordion" checked="checked"/>手风琴
			<td>
				<input type="radio" name="menustyle" value="tree"/>树形
			</td>
			<td>
				<input type="checkbox" checked="checked" name="topmenu" value="topmenu"/>开启顶部菜单
			</td>
		</tr>
	</table>
</div>--%>
<div id="commandWindow"></div>
<div id="commandWindow1" style="width: 1; height: 0">
	<iframe scrolling="auto" id='commandIframe' frameborder="0" src="" style="width: 100%;
            height: 99%;"></iframe>
</div>
<!--弹出报警窗口-->
<div id="alarmWindow" class="topjui-window" title="报警窗口"
     data-options="iconCls:'icon-alarm',minimizable:false"
     style="width: 320px; height: 200px; padding: 10px;">
	<div id="alarmBox" class="alarm_box" contenteditable="false">
		<br/>
	</div>
</div>
<div id="tt">
	<a href="javascript:void(0)" class="icon-clear" onclick="javascript:AlarmGrid.clearWindow()">
	</a>
</div>
<!--弹出短信报文窗口-->
<div id="messageWindow" class="topjui-window" title="短信报文窗口"
     data-options="minimizable:false"
     style="width: 350px; height: 200px; padding: 10px;">
	<div id="messageBox" class="message_box" contenteditable="false">
		<br/>
	</div>
</div>
<div id="infoWindowTemplateOutput" style="display: none;">
</div>
<!--地图对象信息窗口的模板，json数据可以填充到模板中，生成Html-->
<div id="infoWindowTemplate" style="display: none;">
	<table width="510" class="maptable">
		<tr>
			<td width="16%" class="tdheader">[显示名称]:
			</td>
			<td align="left">{{equipName}}
			</td>
			<td width="16%" class="tdheader">[设备号]:
			</td>
			<td align="left">{{simNo}}
			</td>
		</tr>
		<tr>
			<td width="16%" class="tdheader">[通信模式]:
			</td>
			<td align="left">{{communicationModel}}
			</td>
			<td width="16%" class="tdheader">[设备类型]:
			</td>
			<td align="left">{{typeName}}
			</td>
		</tr>
		<tr>
			<td class="tdheader">
				[所属分组]:
			</td>
			<td colspan="3">
				{{depName}}
			</td>
		</tr>
		<tr>
			<td class="tdheader">[经度]:
			</td>
			<td>{{orgLongitude}}
			</td>
			<td class="tdheader">[纬度]:
			</td>
			<td>{{orgLatitude}}
			</td>
		</tr>
		<tr>
			<td class="tdheader">[速度方向]:
			</td>
			<td>{{velocity}}(km/h) {{directionDescr}}
			</td>
			<td class="tdheader">[定位时间]:
			</td>
			<td>{{sendTime}}
			</td>
		</tr>
		<tr>
			<td class="tdheader">[设备报警]:</td>
			<td colspan=3 style="color:red;">{{alarmStateDescr}}</td>
		</tr>
		<%--	<tr>
				<td class="tdheader">
					[位置信息]:
				</td>
				<td colspan="3">
					{{location}}
				</td>
			</tr>--%>
	</table>
</div>
<div id="infoWindowTemplateHisGps" style="display: none;">
	<table width="510" class="maptable">
		<tr>
			<td width="16%" class="tdheader">[显示名称]:
			</td>
			<td align="left">{{equipName}}
			</td>
			<td width="16%" class="tdheader">[设备号]:
			</td>
			<td align="left">{{simNo}}
			</td>
		</tr>
		<tr>
			<td width="16%" class="tdheader">[通信模式]:
			</td>
			<td align="left">{{communicationModel}}
			</td>
			<td width="16%" class="tdheader">[设备类型]:
			</td>
			<td align="left">{{typeName}}
			</td>
		</tr>
		<tr>
			<td class="tdheader">
				[所属分组]:
			</td>
			<td colspan="3">
				{{depName}}
			</td>
		</tr>
		<tr>
			<td class="tdheader">[经度]:
			</td>
			<td>{{longitude}}
			</td>
			<td class="tdheader">[纬度]:
			</td>
			<td>{{latitude}}
			</td>
		</tr>
		<tr>
			<td class="tdheader">[速度方向]:
			</td>
			<td>{{velocity}}(km/h) {{directionDescr}}
			</td>
			<td class="tdheader">[定位时间]:
			</td>
			<td>{{sendTime}}
			</td>
		</tr>
		<%--	<tr>
				<td class="tdheader">
					[位置信息]:
				</td>
				<td colspan="3">
					{{location}}
				</td>
			</tr>--%>
	</table>
</div>
<form id="pwdDialog"
      data-options="title: '修改密码',
      iconCls:'fa fa-key',
      width: 400,
      height: 300,
      collapsible: false,
	  minimizable: false,
      maximizable: false,
      href: '${ctx}/view/main/modifyPassword.html'"></form>
</body>
<script type="text/javascript" src="${ctx}/media/swfobject.js"></script>
<div style="z-index: 0; bottom: 0px; width: 0; height: 0">
	<object type="application/x-shockwave-flash" data="${ctx}/media/dewplayer.swf"
	        width="0" height="0" id="dewplayerjs">
		<param name="wmode" value="transparent"/>
		<param name="movie" value="${ctx}/media/dewplayer.swf"/>
		<param name="flashvars"
		       value="mp3=${ctx}/media/AlarmSound.mp3&amp;autostart=0&javascript=on&autoreplay=0"/>
	</object>
</div>
</html>